Fork me on GitHub

简书的 Markdown 编辑器

在简书的设置中,根据路径 基础设置 -> 常用编辑器 -> 点选Markdown 即可启用markdown编辑器。
然后在创作文章的管理界面,点击切换到预览模式按钮,即可出现实时预览的创作界面。我们在左侧输入文字,在右侧会自动显示预览。

一、标题

标题

将1~6个#井号放在标题内容的前面,就能够轻松的表示不同字号的标题。

# 一级标题 字号最大
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题 字号最小

预览效果在上图中已经清晰的展示出来,大家也可以立刻启用简书的markdown工具,跟着文章开始动手尝试。

为了规范使用习惯,建议大家在字符与文字之间留一个空格,在后面的许多语法也是同样的建议。

二、分割线

多个横杠和等号可以用表表示一级标题和二级标题以及分割线

使用3个以上的任意数量的-_*符号,即可输出一条分割线。

// 以下几种情况都能够输出分割线
********
----------
______

我们可以看到,图中还可以使用文字加上等号与减号分别表示一级标题与二级标题。

一级标题

二级标题

// 大于两个任意数量的等号
一级标题
======
// 大于两个任意属相的减号
二级标题
----

三、段落引用 Blockquotes

段落引用

在普通段落前面加上一个 > 符号,即可将该段落标记为引用。在引用中,能够与其他任意语法组合。

输入一个空行,可结束一段引用。

四、无序列表

无序列表

  • 加号+空格 ‘+ ‘
  • 减号+空格 ‘- ‘
  • 星号+空格 ‘* ‘

+-*任意一种字符与空格组合,能将一个段落标记为无序列表。无序列表中也可以与其他语法组合使用。

输入一个空行,可结束一个无序列表。

五、有序列表

有序列表

  1. 任意数字与空格组合,可以开始一个有序列表。即使每一列的数字并不是按顺序来,输出结果也会智能的从1开始依次排序。
  2. 数字+点+空格 开始一个有序列表
  3. 后面的只要都是数字,无论是多少
  4. 都会自动按顺序识别。
  1. 使用两行空格或者其他诸如图片这样的格式,能够终止一个有序列表。

六、超链接

超链接

我的簡書 github

[]() 可以输出一个超链接。其中中括号中填写文字信息,小括号中填写链接地址信息。简书可以保留复制格式,也就是说,如果你从其他地方复制一个带超链接的文字过来,超链接会自动保留。

七、图片

图片

头像

![]() 可以输出一张图片的显示。其中中括号中填写图片的描述信息,描述信息最终会在图片下方的横线中显示。小括号中填写图片的地址。

而在图片的处理上,简书的markdown做到了最人性化的体验。我们可以使用剪切工具比如QQ或者微信的剪切工具在电脑上任意剪切一张图,然后就可以直接复制在简书里。如下图所示。这一点,极大的便利了我们对图片的处理。我们不用将图片保存起来,然后拖入简书。本文中所有的图片都是剪切后直接复制进来的,简单快捷方便。大爱这个特性。

直接将复制在剪切板的图片粘贴进来即可,简书的markdown工具会自动上传到cdn服务器

八、强调

强调

*_ 可以设置文字为加粗或者斜体。具体使用情况见图。

九、代码块

代码块

这是程序员大爱的语法。
符号中输入文字或者代码片段,输入的文字将会被标注起来。
例如 这是一段被标注的文字
代码块效果如下:

// 这里面支持代码高亮。
// 所以我们程序员写博客,会经常将我们的代码放在这个语法中。
// 不同的功能会显示出不同的颜色。
// 例如注释
var $element = document.querySelector('#container');

十、表格

表格

姓名 性别 年龄 备注
jovelin 20 简书

在我们写文章的时候,虽然表格被用到的时候并不多,但是这确实是一个功能强大的语法,能在我们需要时轻松帮助我们解决困难。

语法的中间部分|:—:|:—:|:—:|是整个表格的关键。该部分的上方表示为标题,下方为表格的每一项。都使用竖线|隔开。

我们可以通过修改中间部分,来修改表格文案的对齐方式。

|:---|:---|:---|       左对齐
|:---:|:---:|:---:|    居中对齐
|---:|---:|---:|       右对齐

十一、反斜杠

反斜杠

这一条其实应该不算什么语法了,只是为我们在markdown语法中输入这些符号提供了一个方式。防止这些符号被认为是语法。

花10来分钟熟练上面这十条语句,就能够轻松的使用markdown进行文学创作了。赶紧在简书web版里动手试试吧。

-------------本文结束感谢您的阅读-------------

本文标题:简书的 Markdown 编辑器

文章作者:曹永林

发布时间:2017年01月15日 - 10:01

最后更新:2018年06月20日 - 10:06

原始链接:http://jovelin.cn/2017/01/15/简书的 Markdown 编辑器/

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。